@charset "utf-8";
 
.meBox { background:url(meBox.jpg) no-repeat center; line-height:1.1; color:#fff; background-size:cover; overflow:hidden; }
.meBox .g-full { position:relative; padding:65px 0; z-index:1; }
.meBox01 { position:relative; z-index:5; }
.meBox01 .p1 { font-size:36px; font-weight:bold; }
.meBox01 .p2 { margin-top:40px; }
.meBox01 .p2 .p21 ul { display: flex; font-size: 16px; margin-bottom: 10px; }
.meBox01 .p2 .p21 ul li { margin-right:70px; }
.meBox01 .p2 .p21 ul li .checkbox+label{ display: block; width: auto; height: 23px; line-height: 23px; cursor: pointer; }
.meBox01 .p2 .p21 ul li .checkbox+label::before { display: inline-block; width: 23px; height: 23px; margin:0 8px 0 0; background: url(../2019/z23.png) no-repeat; background-size:cover; content: ""; vertical-align: top; }
.meBox01 .p2 .p21 ul li .checkbox:checked+label::before { background: url(../2019/z23.png) no-repeat; background-size:cover; content: "\2714"; font-size: 20px; line-height: 23px; text-align: center; }
.meBox01 .p2 .p21 ul li input[type=checkbox] { position: absolute; top: -30px; left: -30px; visibility: hidden; }
.meBox01 .p2 .p22 { margin-top:25px; }
.meBox01 .p2 .p22 ul { width:100%; }
.meBox01 .p2 .p22 ul li { float:left; width:17%; margin-right:10px; }
.meBox01 .p2 .p22 ul li .ipt { width:100%; font-size:16px; height:60px; line-height:60px; padding-left:30px; background:#f4f4f4; box-sizing: border-box;  }
.meBox01 .p2 .p22 ul li .sbt { width:100%; font-size:18px; height:60px; line-height:60px; padding-left:50px; color:#fff; background:url(p_36.png) no-repeat right 42px center;  border-top-right-radius: 15px; font-weight: bold; text-align: left;   animation: updown 0.8s linear infinite alternate; box-sizing: border-box; cursor:pointer;  }
.meBox01 .p2 .p22 ul li input { resize:none;border:none;-webkit-appearance:none;border-radius:0;  }
.meBox01 .p2 .p22 ul li.m-ipt-4 { width:20%; }
.meBox01 .p2 .p22 ul li.m-ipt-5 { width:220px; background:linear-gradient(to right,#27a5f2,#196ad4); border-top-right-radius: 15px; }

.meBox02 { position:absolute; top:60px; right:205px; text-align:right; width:230px; z-index:2; }
.meBox02 .p1 { font-size:16px; }
.meBox02 .p2 { font-size:30px; margin-top:10px; font-weight:bold; }

.meBox03 { position:absolute; right:-70px; bottom:0; z-index:-1; }
.meBox03 img { max-height:285px; }

 
@media (max-width:1700px) {
	.meBox01 .p1 { font-size:32px; } 
	.meBox01 .p2 .p21 ul li { margin-right:50px; }
	.meBox01 .p2 .p22 ul li { float:left; width:15%; margin-right:10px; }
	.meBox01 .p2 .p22 ul li .ipt { font-size:16px; height:50px; line-height:50px; padding-left:20px; }
	.meBox01 .p2 .p22 ul li .sbt { font-size:18px; height:50px; line-height:50px; padding-left:40px; background:url(p_36.png) no-repeat right 42px center;  }
	
	.meBox02 { position:absolute; top:60px; right:120px; width:230px; }
	
	.meBox03 { position:absolute; right:-70px; bottom:0; z-index:-1; }
	.meBox03 img { max-height:250px; }

}
@media (max-width:1500px) {
	.meBox01 .p1 { font-size:28px; }
	.meBox01 .p2 .p21 ul { display: flex; font-size: 14px; }	
	.meBox01 .p2 .p21 ul li { margin-right:30px; }
	.meBox01 .p2 .p22 ul li { float:left; width:15%; margin-right:10px; }
	.meBox01 .p2 .p22 ul li .ipt { font-size:14px; height:40px; line-height:40px; padding-left:15px; }
	.meBox01 .p2 .p22 ul li .sbt { font-size:16px; height:40px; line-height:40px; padding-left:30px; background:url(p_36.png) no-repeat right 42px center;  }
	
	.meBox02 { position:absolute; top:60px; right:100px; width:230px; }
	.meBox02 .p2 { font-size:24px; margin-top:10px; }
	
	.meBox03 { position:absolute; right:-70px; bottom:0; z-index:-1; }
	.meBox03 img { max-height:200px; } 
}
@media (max-width:900px) {
	.meBox .g-full { padding:40px 0 200px;  }
	.meBox01 .p1 { font-size:24px; }
	.meBox01 .p2 { margin-top:30px; }
	.meBox01 .p2 .p21 ul { display: flex; font-size: 14px; margin-bottom: 10px; }
	.meBox01 .p2 .p21 ul li { margin-right:10px; }
	.meBox01 .p2 .p21 ul li .checkbox+label{ height: 20px; line-height: 20px; }
	.meBox01 .p2 .p21 ul li .checkbox+label::before { width: 20px; height: 20px; margin:0 8px 0 0; }
	.meBox01 .p2 .p21 ul li .checkbox:checked+label::before {  font-size: 20px; line-height: 20px; }
	
	.meBox01 .p2 .p22 { margin-top:25px; }
	.meBox01 .p2 .p22 ul { width:100%; }
	.meBox01 .p2 .p22 ul li { float:left; width:49%; margin-right:2%; }
	.meBox01 .p2 .p22 ul li:nth-child(2n) { margin-right:0; }
	.meBox01 .p2 .p22 ul li:nth-child(n + 3) { margin-top:10px; }
	.meBox01 .p2 .p22 ul li .ipt { font-size:14px; height:35px; line-height:35px; padding-left:15px; }
	
	.meBox01 .p2 .p22 ul li.m-ipt-4 { width:49%; }
	.meBox01 .p2 .p22 ul li.m-ipt-5 { width:100%; }
	.meBox01 .p2 .p22 ul li .sbt { font-size:16px; height:40px; line-height:40px; padding-left:0; text-align:center; background:none;  }
	
	.meBox02 { position:absolute; top:auto; bottom:120px; right:135px; width:230px; }
	.meBox02 .p2 { font-size:20px; margin-top:10px; }
	
	.meBox03 { position:absolute; right:-30px; bottom:0; z-index:-1; }
	.meBox03 img { max-height:180px; } 
}
@media (max-width:750px) {
	.meBox .g-full { padding:40px 0 175px;  }
	.meBox01 .p2 .p21 ul { display: block; font-size: 14px; }	
	.meBox01 .p2 .p21 ul li { width:100%; margin-right:0; }	
	.meBox01 .p2 .p21 ul li:nth-child(n + 2) { margin-top:10px; } 
	
	
	.meBox01 .p2 .p22 ul li { float:none; width:100%; margin-right:0; }
	.meBox01 .p2 .p22 ul li:nth-child(2n) { margin-right:0; }
	.meBox01 .p2 .p22 ul li:nth-child(n + 2) { margin-top:10px; } 
	.meBox01 .p2 .p22 ul li.m-ipt-4 { width:100%; }
	
	.meBox02 { bottom:95px; right:100px; width:230px; }
	.meBox03 img { max-height:140px; } 
}